var navigation = Vue.component('nav-column', { template: '#nav-tem'})
var MaintainWelcome = { template: '#welcome-tem' }
var LockerData = { template: '#locker-data'}
var StatisticsData = { template: '#statistics-data' }
var StatusData = { template: '#status-data' }
var MaintainData = { template: '#maintain-data' }
var BasicData = { template: '#basic-data' }
var MaintainerData = { template: '#maintainer-data' }
var StandardData = { template: '#standard-data' }
var LocaleData = { template: '#locale-data' }
const routes = [
    { path: '/', component: MaintainWelcome },
    { path: '/locker', component: LockerData },
    { path: '/statistics', component: StatisticsData },
    { path: '/status', component: StatusData },
    { path: '/maintaindata', component: MaintainData },
    { path: '/basic', component: BasicData },
    { path: '/maintainer', component: MaintainerData },
    { path: '/standard', component: StandardData },
    { path: '/locale', component: LocaleData },
]
const router = new VueRouter({ routes });
const app = new Vue({ router }).$mount('#app');